body {
	height: 99%;
}

abbr {
	cursor: help;
}


a:active, a:focus {
	outline: 0;
}

:active, :focus {
	outline: 0;
}

.clear {clear: both;}
.highlight {background-image: url(images/ui-icons_2e83ff_256x240.png);}
.error {background-image: url(images/ui-icons_cd0a0a_256x240.png);}

div#MXW {
	padding: 10px;
}

h1#blockMessage {
	font-size: 170%;
	padding: 5px 0px 4px 0px;
	margin: 0px;
}

h1#blockMessage img {
	padding: 0px 12px 0px 0px;
	margin-bottom: -2px;
}

div#titlebar {
	padding: 4px 0px 0px 15px;
	z-index: 51;
	position: fixed;
	top: 0px;
	left: 0px;
	color: #333;
	text-shadow: #eee 1px 1px 0px;
}

div#titlebar h1 {
	display: inline-block;
	font-size: 160%;
	padding: 2px 0px 30px 42px;
	margin: 0px 0px 0px 0px;
	background: url(images/logo.png) 0px 0px no-repeat;
}

div#titlebar h2 {
	display: inline;
	font-size: 150%;
	padding-left: 5px;
}

div#toolbar-shelf {
	background: url(images/toolbar.png) repeat-x;
	margin-bottom: 10px;
	height: 34px;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 50;
	opacity: .6;
	border-top: 1px solid #666;
	border-bottom: 1px solid #444;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
}

div#toolbar {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	z-index: 60;
}

div#toolbar ul {
	list-style: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: right;
	z-index: 55;
}

div#toolbar ul li {
	display: inline-block;
	margin: 0px;
	padding: 8px 0px 7px 5px;
}

div#toolbar ul li a {
	display: inline-block;
	text-align: center;
	margin: 0px;
	padding: 1px 8px 0px 8px;
	text-decoration: none;
	background: url(images/btn-white.png) 0px 0px repeat-x;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div#toolbar ul li a:hover {
	background: url(images/btn-white.png) 0px 0px repeat-x;
	border-color: #39c;
	color: #39c;
}

div#toolbar ul li a:active {
	background: url(images/btn-white.png) 0px -20px repeat-x;
	border-color: #900;
	color: #900;
}

div#toolbar ul li a.disabled {
	background: #eee;/*url(images/btn-white.png) 0px -10px repeat-x;*/
	border: 1px solid #c0c0c0;
	color: #999;
	cursor: default;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

div#view {
	margin-top: 40px;
}

/**
 * Product Attributes View
 **/
div#productAttributes {
	
}

div#productAttributesForm {
	min-width: 360px;
}

form#product {
	
}

div.productInput {
	padding: 2px 0px;
	clear: both;
}

div.productInput label {
	display: inline-block;
	float: left;
	width: 85px;
	text-align: right;
	padding: 6px 4px 6px 0px;
}

div.productInput label:after {
	content: ": ";
}

div.productInput input {
	width: 300px;
}

div.productInput textarea {
	width: 300px;
	height: 150px;
}

div.productInput div.optionset {
	
}

div.productInput div.checkboxes {
	margin: 2px 0px 0px 90px;
	padding: 5px 0px;
	width: 300px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.productInput input.option {
	width: auto;
}

input#product_save_button {
	display: none;
}

div#product_images {
	float:right;
	background: #ddd;
	width: 350px;
	height: 280px;
}

div#variations {
	clear:both;
}

div#add_variation {
	float: right;
	margin: 0px 4px;
}

div#add_variation a {
	color: #888;
	text-decoration: none;
}

div#add_variation a:hover {
	color: #222;
	text-decoration: none;
}

div#add_variation a span#add_icon {
	background-image: url(images/ui-icons_888888_256x240.png);
	float: right;
}

div#add_variation a:hover span#add_icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}

div#add_variation a span#add_a {
	display: inline-block;
	padding: 1px 2px;
}

div#variations a.no {
	float: right;
	display: inline-block;
	text-align: center;
	margin: 0px 4px;
	padding: 1px 8px 0px 8px;
	text-decoration: none;
	background: #eee;
	border: 1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-weight: normal;
	font-size: 90%;
}

/**
 * Products DataTable
 **/
table#productsTable {
	width: 100%;
}

table#productsTable tr.even {
	background: #eeeeee;
}

table#productsTable tr.odd {
	background: #f7f7f7;
}

table#productsTable tr.product {
	cursor: pointer;
}

table#productsTable tr.product td.sectionHeader {
	font-weight: normal;
	padding: 2px 4px;
	border: none;
	font-size: 100%;
}

table#productsTable th {
	padding: 2px 4px;
	cursor: pointer;
	height: 10px;
}

table#productsTable span.sorter {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 4px 5px -2px 0px;
	background: url(images/ui-icons_888888_256x240.png) -128px -18px no-repeat;
}

table#productsTable th.sorting_asc,
table#productsTable th.sorting_desc {
	background: #bbb;
}

table#productsTable th.sorting_asc span.sorter {
	background: url(images/ui-icons_454545_256x240.png) -66px -18px no-repeat;
}

table#productsTable th.sorting_desc span.sorter {
	background: url(images/ui-icons_454545_256x240.png) -1px -18px no-repeat;
}

table#productsTable td {
	padding: 2px 4px;
	text-align: center;
}

div#productsTable_filter {
	text-align: right;
	padding: 0px 2px 0px 0px;
	margin-top: -25px;
	float: right;
	width: 200px;
}

div#productsTable_length {
	padding: 2px 0px 2px 6px;
}

table#productsTable th.productID {
	width: 35px;
	padding: 0px;
}

table#productsTable td.productName {
	text-align: left;
}

span.variations {
	display: inline-block;
	float: right;
	text-align: center;
	width: 25px;
	margin-right: 15px;
	background: #999;
	color: #f7f7f7;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.dataTables_info {
	margin: 12px 0px 0px 10px;
}

div.dataTables_paginate {
	display: block;
	background: #ddd;
	text-align: right;
	margin: -22px 2px 2px 2px;
}

div.dataTables_paginate div {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 5px 5px 0px 0px;
	padding: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.paginate_enabled_next {
	background: url(images/ui-icons_454545_256x240.png) -112px -192px no-repeat;
	border: 1px solid #aaa;
	cursor: pointer;
}

div.paginate_enabled_next:hover {
	background: url(images/ui-icons_222222_256x240.png) -112px -192px no-repeat;
	border-color: #39c;
}

div.paginate_disabled_next {
	background: url(images/ui-icons_888888_256x240.png) -112px -192px no-repeat;
	border: 1px solid #ccc;
}

div.paginate_enabled_previous {
	background: url(images/ui-icons_454545_256x240.png) -144px -192px no-repeat;
	border: 1px solid #aaa;
	cursor: pointer;
}

div.paginate_enabled_previous:hover {
	background: url(images/ui-icons_222222_256x240.png) -144px -192px no-repeat;
	border-color: #39c;
}

div.paginate_disabled_previous {
	background: url(images/ui-icons_888888_256x240.png) -144px -192px no-repeat;
	border: 1px solid #ccc;
}

/**
 * jQuery Tooltip Plugin
 **/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #666;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-size: 80%;
	max-width: 260px;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#tooltip h3, #tooltip div { margin: 0; }


/**
 * jQuery UI customization
 **/
div.ui-dialog {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 4px 4px 8px #666;
	-webkit-box-shadow: 4px 4px 8px #666;
	border: 3px solid #999;
	position: relative;
}

.ui-dialog-titlebar {
	text-align: center;
}

a.ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog-buttonpane {
	border: 1px solid #ddd;
	margin: 0px;
	padding: 5px;
	text-align: right;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.ui-dialog-buttonpane button {
	background: url(images/btn-white.png) 0px 0px repeat-x;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: auto;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 10px 3px 10px;
	margin: 1px 2px 1px 3px;
}

.ui-dialog-buttonpane button:hover {
	background: url(images/btn-white.png) 0px 0px repeat-x;
	border-color: #39c;
	color: #39c;
}

.ui-dialog-buttonpane button:active {
	background: url(images/btn-white.png) 0px 0px repeat-x;
	border-color: #900;
	color: #900;
	outline: 0;
}

.ui-dialog-buttonpane button:focus {
	outline: 0;
}

span.ui-icon {
	float: left;
}

div.blockUI {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 4px 4px 8px #666;
	-webkit-box-shadow: 4px 4px 8px #666;
}
